<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>(客服部)联系人维护</title>
    <link rel="icon" href="favicon.ico" type="images/ico" />
    <meta name="author" content="dc" />
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css" />
    <!--标签插件-->
    <link rel="stylesheet" href="/js/jquery-tags-input/jquery.tagsinput.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css" />
    <!--表单校验插件-->
    <link rel="stylesheet" href="/css/bootstrapValidator.min.css" />
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-multiselect.css" type="text/css"/>
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="/css/skin.css"/>
    <!--自定义css-->
    <link rel="stylesheet" charset="utf-8" href="/css/csd/customerManager/contactMaintainList.css"/>
</head>

<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header">
                    <h1>联系人信息</h1>
                </div>
                <div class="card-body">
                    <div class="row content-action" style="margin-left:0;margin-right:0">
                        <div class="pull-left">
                            <div class="btn-group">
                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    批量审核<span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu">
                                    <li><a href="#!" onclick="approveStatus(1)">真实</a></li>
                                    <li><a href="#!" onclick="approveStatus(2)">错误</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="pull-right">
                            <div class="pull-right">
                                <div class="min-search pull-left">
                                    <input class="form-control" type="text" placeholder="请输入联系人/客户"
                                           id="contactNameSearch" name="contactNameSearch">
                                    <button class="btn btn-primary" type="button" onclick="contrantNameSearchFun()">
                                        <i class="mdi mdi-magnify"></i><span>搜索</span>
                                    </button>
                                </div>
                                <div class="btn-group" style="margin-left:20px">
                                    <!--<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        导入/导出 <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu">
                                        <li><a href="#!" onclick="exportContactMaintain(this)">导出</a></li>
                                        <li><a href="#!">导入</a></li>
                                    </ul>-->
                                    <button class='btn btn-primary' onclick="exportContactMaintain(this)">导出</button>
                                </div>
                            </div>
                            <div id="advanceFilterContainer" class="pull-right">
                                <button class="btn btn-default btn-senior" id="openFilter" onClick="showToggle()"><i class="mdi mdi-sort-variant"></i>高级筛选</button>
                                <button class="btn btn-default btn-senior" id="closeFilter" onClick="showToggle()"><i class="mdi mdi-close"></i>关闭筛选</button>
                                <div id="filterFilesContainer" class="clearFix">
                                    <div id="filterFiles" class="clearFix">
                                        <!--<h4>高级筛选</h4>-->
                                        <div class="clearFix filterContent">
                                            <div class="form-group clearFix col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                <label class="control-label pull-left">所属分公司:</label>
                                                <div class="form-content">
                                                    <select id="companySelect" name="companySelect"  class="form-control selectpicker" type="text" placeholder="请选择所属公司">
                                                        <option value="">请选择</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group clearFix col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                <label class="control-label pull-left">所有人:</label>
                                                <div class="form-content">
                                                    <select id="userSelect" name="userSelect"  class="form-control selectpicker" type="text" placeholder="请选择所属公司">
                                                        <option value="">请选择</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!--按合同创建日期(区间)查input-group-->
                                            <div class="form-group  col-lg-6 col-md-6 col-sm-6 col-xs-12" >
                                                <label class="control-label" for="createTmStart">创建时间:</label>
                                                <div class="form-content input-group">
                                                    <input type="text" onkeydown ="return false"  class="form-control create-time" id="createTmStart"
                                                           placeholder="请输入起始时间" autocomplete="off">
                                                    <span class="input-group-addon">至</span>
                                                    <input type="text" onkeydown ="return false"  class="form-control create-time" id="createTmEnd"
                                                           placeholder="请输入截止时间" autocomplete="off">
                                                </div>
                                            </div>
                                            <div class="form-group clearFix col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                <label class="control-label pull-left">审核信息:</label>
                                                <div class="form-content">
                                                    <select  class="form-control selectpicker" id='isExamine' type="text" placeholder="请选择">
                                                        <option value="">请选择</option>
                                                        <option value="0">未审核</option>
                                                        <option value="1">真实</option>
                                                        <option value="2">错误</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="pull-right">
                                                <button class="btn btn-primary" type="button" id="btn-search" onClick="localSearch()">
                                                    <i class="mdi mdi-magnify"></i><span>搜索</span>
                                                </button>
                                                <button class="btn btn-default" id="btn-reset" onClick="clearSearchData()">重置</button>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <table id="contactMaintainTableList"></table>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" tabindex="-1" role="dialog" id="editInfoModal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body clearFix">
                <main class="clearFix">
                    <div id="contactId" style="display:none"></div>
                    <div id="contactNature" style="display:none"></div>
                    <div id="customerId" style="display:none"></div>
                    <form class="form-horizontal" id="updateInfoForm">
                        <div class="row form-group clearFix col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <label class="control-label label-required pull-left" id="contactNameLabel">联系人名称:</label>
                            <div class="form-content">
                                <input class="form-control" id='contactName' name="contactName" type="text" autocomplete="off">
                            </div>
                        </div>
                        <div class="row form-group clearFix col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <label class="control-label label-required pull-left" id="contactInformationLabel">联系方式:</label>
                            <div class="form-content">
                                <input class="form-control" id='contactInformation' name="contactInformation" type="text" autocomplete="off">
                            </div>
                        </div>
                    </form>
                </main>
                <div id='btnsContainer' class="pull-right">
                    <div class="btn btn-default"style="margin-right: 20px;" data-dismiss="modal">取消</div>
                    <div class="btn btn-primary" onclick="submitUpdate()" >确定</div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>

<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<!--标签插件-->
<script src="/js/jquery-tags-input/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--表单校验-->
<script type="text/javascript" src="/js/bootstrapValidator.min.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<!-- 子页面公用js -->
<script src="/js/crm/common/common.js"></script>
<script src="/js/crm/common/pageCommon.js"></script>
<!--公司、人员下拉框-->
<script src="/js/crm/common/companyUserSelect.js"></script>
<!--表格多选-->
<script src="/js/bootstrapTableSelect.js"></script>
<script src="/js/crm/common/highScreenToggle.js"></script>
<!--自定义-->
<script src="/js/crm/csd/customerManager/contactMaintainList.js"></script>
</html>